<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>临时购物车</title>
<link href="css/shoppingCarAndMyCustom.css" type="text/css" rel="stylesheet" />
<link href="css/login.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="js/login.js"></script>

<script type="text/javascript" src="js/address.js"></script>
<script type="text/javascript">
	function changChecked(){
		var obj = document.getElementById("selectDefault");
		if(obj.checked){
			//选中的动作
			document.getElementById("address").value=document.getElementById("hideaddr").value;
			document.getElementById("telephone").value=document.getElementById("hidephone").value;
			document.getElementById("username").value=document.getElementById("hidename").value;
		}else{
			//取消选中的动作
			document.getElementById("address").value=null;
			document.getElementById("telephone").value=null;
			document.getElementById("username").value=null;
		}
	}
	function checkAll(){
		var obj = document.getElementById("checkAllbox");
		var cb1=document.getElementsByName("checkbox1");
		if(obj.checked){
			for(var i=0;i<cb1.length;i++){
				cb1[i].checked=true;
			}
		}else{
			for(var i=0;i<cb1.length;i++){
				cb1[i].checked=false;
			}
		}
	}
</script>
</head>
<body onload="loadData('selProvance','selCity','selArea')">
<div style="background-color:rgb(102,102,102); width:100%;">
	<div class="head" id="head">
    	<div id="webbei_logol">
        	<img src="img/logo.gif"/>
        </div>
        <div class="usercando">
        	<div class="usercando_dingzhi">
            	<a href=""><img src="img/head_custom.gif"/></a>
            </div>
            <div class="usercando_share">
            	<a href=""><img src="img/head_share.gif"/></a>
            </div>
        </div>
        <div class="search" id="search">
        	<div style="width:100%; height:45px;">
            </div>
            <div style="padding-top:0px;">
            	<div style="float:left;">
        		<input type="text" value="" id="searchsomething" /></div>
                <div style="float:left;">
            	<a href=""><img src="img/head_search_bt.gif"/></a></div>
            </div>
        </div>
        <div class="something_else">
        	<div class="something_else_up">
            	<div style="width:120px; float:left; padding-top:7px;">
            		&nbsp;&nbsp;&nbsp;<a href="">转</a>
                	&nbsp;<a href="">加关注</a>
                </div>
                <div style="width:100px; float:left; padding-top:2px; padding-left: 10px;">
                	<a href=""><img src="img/login_txwb.png"/></a>
                	<a href=""><img src="img/login_rr.png"/></a>
                	<a href=""><img src="img/login_db.png"/></a>
                </div>
            </div>
            <div class="something_else_down">
            	<div style="width:125px; float:left; padding-top:5px; padding-left:10px;">
                	<div style="float:left;">
                		<img src="img/head_cart.gif"/>
                    </div>
                    <div style="float:left; height:20px; padding-top:5px;">
                    	&nbsp;购物车(<a href="">2</a>)
                    </div>
                </div>
                <div class="loginandresign">
                	<div id="login_btn" style="float:left; cursor:pointer;">登陆</div>
                    <div id="resign_btn" style="float:left; cursor:pointer;">|注册</div>
                    <div id="login_level">
                		<div class="login_level_email">
    						邮箱：<input type="text" id="email" />
    					</div>
    					<div class="login_level_email">
    						密码：<input type="text" id="pwd" />
    					</div>
    					<div class="remember_pwd">
    						<input type="checkbox" id="checkbox" />
        					记住密码&nbsp;&nbsp;<a href="">忘记密码？</a>
    					</div>
    					<div class="more_loginway">
    						<img src="img/login_qq.png"/>
        					<img src="img/tianya.png"/>
       				 		<img src="img/twitter.png"/>
        					<img src="img/tuita.png"/>
        					<img src="img/msn.png" />
        					<img src="img/souhuweibo.png"/>
        					<img src="img/qiyiqitan.png"/>
        					<img src="img/more.png" id="moreway"/>
    					</div>
             		</div>
                </div>
            </div>
        </div>
    </div>
</div>
<br />
	<table>
		<tr>
			<td width="2%"></td>
			<td width="30%" valign="top">
				<table>
					<tr><td>
						<h2 class="shoppingCar_left_maintitle">&nbsp;&nbsp;&nbsp;温馨提示</h2>
					</td></tr>
					<tr><td>
					<div class="shoppingCar_left_detail">
						&nbsp;&nbsp;未经注册的临时购物车，将不能保存定制设计的作品；同时购买成功之后不能在站内分享或者推广，也不能保留购买记录等。为了方便您的下次购买或跟朋友分享，敬请注册后登陆购物车操作购买或付款，谢谢！
					</div>
					</td></tr>
				</table>
			</td>
			<td width="5%"></td>		
			<td valign="top">
				<div class="shoppingCar_subtitle">
		    		&nbsp;&nbsp;临时购物车( 条)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		    		<input type="checkbox" checked="checked" onclick="checkAll()" id="checkAllbox"/>
		    		全选
		    	</div>
				<br />
		    	<table><c:forEach items="${resList}" var="r">
		    		<tr>
		    			<td>
		    				<div class="shoppingCar_right_pic">
		    					<img src="img/ShoppingCarExam1.png"/>
		    				</div>
		    			</td>
		    			<td>
		    				<div class="shoppingCar_right_pic">
								主题：${r.theme}<br />
								编号：${r.number}<br />
								数量：<input type="text" value="1" style="width:20px;" />（套）<br />
								价格：￥150.00 <br />
					 			户名：${customer.userName }<br /><input type="hidden" value="${customer.userName }" id="hidename"/>
								电话：${customer.userMobilePhone }<br /><input type="hidden" value="${customer.userMobilePhone }" id="hidephone"/>
								地址：${customer.userAddress }<br /><br /><input type="hidden" value="${customer.userAddress }" id="hideaddr"/>
								设计时间：${r.time}<br />
					          	<input type="button" value="重设计" style="border-style:dashed;"/>
					          	<input type="button" value="删除" style="border-style:dashed;"/>
					          	&nbsp;&nbsp;&nbsp;&nbsp;
					          	<input type="checkbox" checked="checked" name="checkbox1"/>
					          	<input type="button" value="付款" style="border-style:dashed;"/>
							</div>
		    			</td>
		    		</tr></c:forEach>
		    	</table>
		    	<br />
		    	<div class="shoppingCar_subtitle">
		    		&nbsp;&nbsp;<input type="checkbox"  onclick="changChecked()" id="selectDefault" />
		    		默认注册时的地址及电话
		    	</div>
		    	<table>
		    		<tr><td style="text-align:left">
		    			写收件人：<input type="text" id="username"/>
		    		</td></tr>
		    		<tr><td style="text-align:left;">
		    			<table><tr><td>收件地址：</td><td>
		    				<select  style="float: left;" id="selProvance" onchange="chgProvinces('selProvance','selCity','selArea')"></select>
							<select  style="margin-left: 10px; float: left;" id="selCity" onchange="chgCitys('selCity','selArea')"></select> 
							<select  id="selArea" name="area" style="margin-left: 10px; float: left;"></select>
		    			</td></tr></table>
		    		</td></tr>
		    		<tr><td style="text-align:left">
		    			详细地址：<input type="text" id="address"/>
		    		</td></tr>
		    		<tr><td style="text-align:left">
		    			邮政编码：<input type="text" />
		    		</td></tr>
		    		<tr><td style="text-align:left">
		    			电话号码：<input type="text" style="width:40px;" />-<input type="text" /><font>如：0000-12345678</font>
		    		</td></tr>
		    		<tr><td style="text-align:left">
		    			手机号码：<input type="text" id="telephone"/>
		    		</td></tr>
		    		<tr><td style="text-align:left">
		    			<input type="button" style="border-style:dashed" value="确定"/>
		    		</td></tr>
		    	</table>
		    	
		    	<div class="shoppingCar_subtitle">
		    		&nbsp;&nbsp;付款方式
		    	</div>
		    	<div class="shoppingCar_right_pic">	
		    		<input type="checkbox"/>
		    		<img src="img/shoppingCar_zhifubao.png" width="20%" />
		    	</div>
		    	<br />
		    	<div class="shoppingCar_right_pic">
		    		<input type="button" value="☜ 保存设计" style="border-style:dashed;" class="shoppingCar_mainButton"/>
		    		<input type="button" value="直接付款 ☞" style="border-style:dashed;" class="shoppingCar_mainButton"/>
				</div>
			</td>
		</tr>
	</table>	
	
 
<div id="bottom">
    <div class="bottom">
		<font>All Content Copyright © 2012-2022 webbei company. All designs copyright by owner. Privacy Policy. Terms of Use.</font>
	</div>
</div>
</body>
</html>